<template>
  <div>
    <el-container>
      <!-- <el-row class="title">
        <el-col :span="15">
          <div class="title-left">
            <router-link to="welcome"><span>政府投资项目审计监督平台 </span></router-link>
          </div>
        </el-col>

      <el-col :span="2">
        <div class="title-right fhsy ">
          <a href="#/welcome">
        <i class="el-icon-location-outline"></i>
        <span>返回首页</span>
        </a>
        </div>
      </el-col>
      <el-col :span="2">
        <a href="#/map" target="_blank">
          <div class="title-right dt" >
            <i class="el-icon-location-outline"></i>
            <span>地图</span>
          </div>
        </a>
      </el-col>
      <el-col :span="2">
          <a href="#/gismap" target="_blank">
            <div class="title-right maptext" >
              <i class="el-icon-location-outline"></i>
              <span>GIS地图</span>
            </div>
          </a>
        </el-col>
        <el-col :span="2">
          <div class="title-right dropdown" >
              <i class="el-icon-s-custom"></i>
              <span>市审计局</span>
              <div class="dropdown-content">
                  <p style="dropdown-content-li" @click = "logout">登出</p>
            </div>
          </div>
        </el-col>
      </el-row> -->
      <!-- 头1 -->
      <!-- 头2 -->
      <!-- <el-row>
        <el-col :span="24">
          <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect" router>
            <el-submenu>
                <template slot="title"> <span class="submenu_title">项目信息</span></template>
                <el-menu-item index="/welcome">项目审批信息</el-menu-item>
                <el-menu-item index="2-2">项目信息管理</el-menu-item>
                <el-menu-item index="/bid">招标资料管理</el-menu-item>
                <el-menu-item index="2-3">合同资料管理</el-menu-item>
                <el-menu-item index="2-3">资金资料管理</el-menu-item>
                <el-menu-item index="2-3">项目实施资料管理</el-menu-item>
              </el-submenu>

              <el-submenu index="2">
                <template slot="title"><span class="submenu_title">审计管理</span> </template>
                <el-menu-item index="2-1">审前管理</el-menu-item>
                <el-menu-item index="2-2">审计实施管理</el-menu-item>
                <el-menu-item index="2-3">报告管理</el-menu-item>
              </el-submenu>

              <el-menu-item index="/xm">项目监控</el-menu-item>
              <el-menu-item index="4"> 统计分析 </el-menu-item>
              <el-menu-item class="el-menu-item-last">

            <div style="display: flex; justify-content: space-around; padding: 20px;">
              <div>
                <el-input v-model="search" size="max" placeholder="输入关键字搜索" maxlength=50>
                  <template slot="append">搜索项目</template>
                </el-input>
              </div>
              <div style="padding-top: 10px; color: #4169E1;">数据及资料上报</div>
              <div style="padding-top: 10px; color: #4169E1;">基本资料打包下载</div>
              <div style="padding-top: 10px; color: #4169E1;">资料打包下载</div>
              <div style="padding-top: 10px; color: #4169E1;">项目监控</div>
            </div>
            </el-menu-item>
          </el-menu>
        </el-col>
      </el-row> -->

      <el-main>
        <div class="main-left">
          <!-- <el-button class="left-button" type="primary">新增分类</el-button> -->
          <el-tree :data="datatree" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
        </div>
        <div class="main-right">
          <el-row>
            <el-col :span="24">
              <el-tabs v-model="activeName" @tab-click="handleTabsClick" type="card">
                <el-tab-pane label="项目信息报送" name="first">
                  <div>
                    <div class="font_css">
                      <el-form ref="form" :model="form" label-width="80px">
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="项目名称">
                              <el-input v-model="form.xmmc" placeholder="请输入项目名称"></el-input>
                            </el-form-item>
                            <el-form-item label="项目阶段">
                              <el-select v-model="form.xmjd" placeholder="请选择">
                                <el-option label="全部" value=""></el-option>
                                <el-option label="未批复" value="wpf"></el-option>
                                <el-option label="资料未上传" value="zlwsc"></el-option>
                                <el-option label="被审计预警" value="bsjyj"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="12">
                            <el-form-item label="批复时间">
                              <el-date-picker
                                v-model="form.pfsj"
                                type="daterange"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                    </div>
                    <el-table :data="datazc" border>
                      <el-table-column type="index" label="序号">
                      </el-table-column>
                      <el-table-column prop="xmmc" label="项目名称">
                      </el-table-column>
                      <el-table-column prop="njgm" label="拟建规模" v-if="nodeName == '项目建议书' || nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="jsgm" label="建设规模" v-if="nodeName == '可行性研究报告'">
                      </el-table-column>
                      <el-table-column prop="ydwz" label="用地位置" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="wh" label="文号" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="fzsj" label="发证时间" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="gmdw" label="规模单位">
                      </el-table-column>
                      <el-table-column prop="jsdd" label="建设地点">
                      </el-table-column>
                      <el-table-column prop="tzgs" label="投资估算">
                      </el-table-column>
                      <el-table-column prop="pfsj" label="批复时间" >
                      </el-table-column>
                      <el-table-column prop="zl" label="资料" width="150" align="center">
                        <template slot-scope="scope">
                          <el-button @click="handleClick(scope.row)" size="small">上传</el-button>
                          <el-button @click="handleClick(scope.row)" size="small">下载</el-button>
                        </template>
                      </el-table-column>
                      <el-table-column prop="zrdw" label="责任单位">
                      </el-table-column>
                      <el-table-column prop="tzsj" label="最后一次调整时间">
                        <template slot-scope="scope">
                          <span>{{ parseTime(scope.row.policyFbtime, '{y}-{m}-{d}') }}</span>
                        </template>
                      </el-table-column>
                      <el-table-column prop="tzcs" label="调整次数">
                      </el-table-column>
                      <el-table-column prop="cz" label="操作" >
                        <template slot-scope="scope">
                          <el-button @click="handleClick(scope.row)" size="small">调整</el-button>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-tab-pane>
                <el-tab-pane label="项目信息历史报送" name="second">
                  <div>
                    <div class="font_css">
                      <el-form ref="form" :model="form" label-width="80px">
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="项目名称">
                              <el-input v-model="form.xmmc" placeholder="请输入项目名称"></el-input>
                            </el-form-item>
                            <el-form-item label="项目阶段">
                              <el-select v-model="form.xmjd" placeholder="请选择">
                                <el-option label="全部" value=""></el-option>
                                <el-option label="未批复" value="wpf"></el-option>
                                <el-option label="资料未上传" value="zlwsc"></el-option>
                                <el-option label="被审计预警" value="bsjyj"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="12">
                            <el-form-item label="批复时间">
                              <el-date-picker
                                v-model="form.pfsj"
                                type="daterange"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                    </div>
                    <el-table :data="datazc" border>
                      <el-table-column type="index" label="序号">
                      </el-table-column>
                      <el-table-column prop="xmmc" label="项目名称">
                      </el-table-column>
                      <el-table-column prop="njgm" label="拟建规模" v-if="nodeName == '项目建议书' || nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="jsgm" label="建设规模" v-if="nodeName == '可行性研究报告'">
                      </el-table-column>
                      <el-table-column prop="ydwz" label="用地位置" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="wh" label="文号" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="fzsj" label="发证时间" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="gmdw" label="规模单位">
                      </el-table-column>
                      <el-table-column prop="jsdd" label="建设地点">
                      </el-table-column>
                      <el-table-column prop="tzgs" label="投资估算">
                      </el-table-column>
                      <el-table-column prop="pfsj" label="批复时间" >
                      </el-table-column>
                      <el-table-column prop="zl" label="资料" width="150" align="center">
                        <template slot-scope="scope">
                          <el-button @click="handleClick(scope.row)" size="small">上传</el-button>
                          <el-button @click="handleClick(scope.row)" size="small">下载</el-button>
                        </template>
                      </el-table-column>
                      <el-table-column prop="zrdw" label="责任单位">
                      </el-table-column>
                      <el-table-column prop="tzsj" label="最后一次调整时间">
                        <template slot-scope="scope">
                          <span>{{ parseTime(scope.row.policyFbtime, '{y}-{m}-{d}') }}</span>
                        </template>
                      </el-table-column>
                      <el-table-column prop="tzcs" label="调整次数">
                      </el-table-column>
                      <el-table-column prop="cz" label="操作" >
                        <template slot-scope="scope">
                          <el-button @click="handleClick(scope.row)" size="small">调整</el-button>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-tab-pane>
                <el-tab-pane label="已完成的项目" name="third">
                  <div>
                    <div class="font_css">
                      <el-form ref="form" :model="form" label-width="80px">
                        <el-row>
                          <el-col :span="8">
                            <el-form-item label="项目名称">
                              <el-input v-model="form.xmmc" placeholder="请输入项目名称"></el-input>
                            </el-form-item>
                            <el-form-item label="项目阶段">
                              <el-select v-model="form.xmjd" placeholder="请选择">
                                <el-option label="全部" value=""></el-option>
                                <el-option label="未批复" value="wpf"></el-option>
                                <el-option label="资料未上传" value="zlwsc"></el-option>
                                <el-option label="被审计预警" value="bsjyj"></el-option>
                              </el-select>
                            </el-form-item>
                          </el-col>
                          <el-col :span="12">
                            <el-form-item label="批复时间">
                              <el-date-picker
                                v-model="form.pfsj"
                                type="daterange"
                                range-separator="至"
                                start-placeholder="开始日期"
                                end-placeholder="结束日期">
                              </el-date-picker>
                            </el-form-item>
                          </el-col>
                        </el-row>
                      </el-form>
                    </div>
                    <el-table :data="datazc" border>
                      <el-table-column type="index" label="序号">
                      </el-table-column>
                      <el-table-column prop="xmmc" label="项目名称">
                      </el-table-column>
                      <el-table-column prop="njgm" label="拟建规模" v-if="nodeName == '项目建议书' || nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="jsgm" label="建设规模" v-if="nodeName == '可行性研究报告'">
                      </el-table-column>
                      <el-table-column prop="ydwz" label="用地位置" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="wh" label="文号" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="fzsj" label="发证时间" v-if="nodeName == '建设项目选址意见书'">
                      </el-table-column>
                      <el-table-column prop="gmdw" label="规模单位">
                      </el-table-column>
                      <el-table-column prop="jsdd" label="建设地点">
                      </el-table-column>
                      <el-table-column prop="tzgs" label="投资估算">
                      </el-table-column>
                      <el-table-column prop="pfsj" label="批复时间" >
                      </el-table-column>
                      <el-table-column prop="zl" label="资料" width="150" align="center">
                        <template slot-scope="scope">
                          <el-button @click="handleClick(scope.row)" size="small">上传</el-button>
                          <el-button @click="handleClick(scope.row)" size="small">下载</el-button>
                        </template>
                      </el-table-column>
                      <el-table-column prop="zrdw" label="责任单位">
                      </el-table-column>
                      <el-table-column prop="tzsj" label="最后一次调整时间">
                        <template slot-scope="scope">
                          <span>{{ parseTime(scope.row.policyFbtime, '{y}-{m}-{d}') }}</span>
                        </template>
                      </el-table-column>
                      <el-table-column prop="tzcs" label="调整次数">
                      </el-table-column>
                      <el-table-column prop="cz" label="操作" >
                        <template slot-scope="scope">
                          <el-button @click="handleClick(scope.row)" size="small">调整</el-button>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </el-tab-pane>
              </el-tabs>
            </el-col>
          </el-row>
        </div>
      </el-main>
      <el-footer>
        <span>版权所有@</span>
      </el-footer>
    </el-container>

  </div>
</template>

<script>
  import importExcel from '@/components/import/index.vue';

  export default {

    components: {
      importExcel
    },

    data() {
      return {
        activeName: 'first',
        activeIndex: "1",
        active: "",
        datazc: [{
          zb: "引线字段",
          zd: "ID",
          lx: "字符串",
          ly: '字符串',
          cd: "32",
          zt: "不允许删除",
          ms: "主键",
        },
        {
          zb: "批复时间",
          zd: "pfsj",
          lx: "日期(yyyyMMdd)",
          ly: '填报',
          cd: "8",
          zt: "正常",
          ms: "批复时间",
          yjzb: "二类预警",
          sjzb: "Ⅰ类",
          yjyj: ">=12",
          yjtsy: "批复时间大于等于12个月",
        },
        {
          zb: "证书编号",
          zd: "zsbh",
          lx: "字符串",
          ly: '填报',
          cd: "50",
          zt: "正常",
          ms: "证书编号",
        },
        {
          zb: "审核单位",
          zd: "shdw",
          lx: "字符串",
          ly: '填报',
          cd: "50",
          zt: "正常",
          ms: "审核单位",
        },
        {
          zb: "招标时间差",
          zd: "zbsjc",
          lx: "字符串",
          ly: '逻辑计算',
          cd: "50",
          zt: "正常",
          ms: "招标时间差",
          jsgs: "DateTime.sub(table1.zbsj,table2.zbsj)",
          jsgsfy: "设计招标表.招标时间 - 发改委核准表.批复时间",
          yjzb: "三类预警",
          sjzb: "Ⅱ类",
          yjyj: ">360",
          yjtsy: "招标时间差大于360天",
        },
        {
          zb: "工程造价差",
          zd: "gczjc",
          lx: "字符串",
          ly: '逻辑计算',
          cd: "50",
          zt: "正常",
          ms: "工程造价差",
          jsgs: "table1.zj - table2.gcgs",
          jsgsfy: "造价 - 工程概算",
          yjzb: "四类预警",
          sjzb: "Ⅲ类",
          yjyj: ">10",
          yjtsy: "工程造价差大于10%",
        }],
        datazc1: [{
          zb: "批复时间",
          zd: "pfsj",
          lx: "日期(yyyyMMdd)",
          ly: '填报',
          cd: "8",
          zt: "正常",
          ms: "批复时间",
          yjzb: "二类预警",
          sjzb: "Ⅰ类",
          yjyj: ">=12",
          yjtsy: "批复时间大于等于12个月",
        },
        {
          zb: "招标时间差",
          zd: "zbsjc",
          lx: "字符串",
          ly: '逻辑计算',
          cd: "50",
          zt: "正常",
          ms: "招标时间差",
          jsgs: "DateTime.sub(table1.zbsj,table2.zbsj)",
          jsgsfy: "设计招标表.招标时间 - 发改委核准表.批复时间",
          yjzb: "三类预警",
          sjzb: "Ⅱ类",
          yjyj: ">360",
          yjtsy: "招标时间差大于360天",
        },
        {
          zb: "工程造价差",
          zd: "gczjc",
          lx: "字符串",
          ly: '逻辑计算',
          cd: "50",
          zt: "正常",
          ms: "工程造价差",
          jsgs: "table1.zj - table2.gcgs",
          jsgsfy: "造价 - 工程概算",
          yjzb: "四类预警",
          sjzb: "Ⅲ类",
          yjyj: ">10",
          yjtsy: "工程造价差大于10%",
        }],
        datatree: [{
          label: '项目审批管理',
          children: [{
            label: '项目建议书'
          },
          {
            label: '可行性研究报告'
          },
          {
            label: '建设项目选址意见书'
          },
          {
            label: '用地预审'
          },
          {
            label: '节能评估及审查'
          },
          {
            label: '环境影响评价报告'
          },
          {
            label: '通航影响评价意见'
          },
          {
            label: '初步设计'
          },
          {
            label: '建设用地规划许可证'
          },
          {
            label: '不动产权证'
          },
          {
            label: '水土保持方案审批'
          },
          {
            label: '施工图设计文件审查合格书'
          },
          {
            label: '消防意见审查意见书'
          },
          {
            label: '建设工程规划许可证'
          },
          {
            label: '施工许可证'
          }]
        }, {
          label: '项目招投标管理',
          children: [{
            label: '发改委招投标核准意见'
          }, {
            label: '招标组织形式'
          }]
        }, {
          label: '项目施工管理',
          children: [{
            label: '开工报告'
          }, {
            label: '分包管理'
          }]
        }, {
          label: '项目竣工管理',
          children: [{
            label: '工期管理'
          }, {
            label: '安全质量监督报告'
          }]
        }],
        defaultProps: {
          children: 'children',
          label: 'label'
        },
        form: {
          xmmc: '',
          pfsj: '',
          xmjd: ''
        },
        nodeName: '项目建议书'
      }
    },
    methods: {
      handleTabsClick(tab, event) {
        // console.log(tab, 'tab');
        // console.log(event, 'event');
        // if (tab.label == '预警指标库' || tab.label == '联合预警库' || tab.label == '项目预警设置') {
        //   this.datatree = [{
        //       label: '市级储备库',
        //       children: [{
        //         label: '实行审批制'
        //       },
        //       {
        //         label: '自有资金',
        //         children: [{
        //           label: '2019年度'
        //         },
        //         {
        //           label: '2020年度'
        //         },
        //         {
        //           label: '2021年度'
        //         }]
        //       }]
        //     }, {
        //       label: '应急抢险救灾项目',
        //       children: [{
        //         label: '实行审批制'
        //       }, {
        //         label: '自有资金'
        //       }]
        //     }, {
        //       label: '村庄建设项目',
        //       children: [{
        //         label: '实行审批制'
        //       }, {
        //         label: '自有资金'
        //       }]
        //     }, {
        //       label: '信息服务领域的项目',
        //       children: [{
        //         label: '实行审批制'
        //       }, {
        //         label: '自有资金'
        //       }]
        //     }, {
        //       label: '非经营性政府投资项目',
        //       children: [{
        //         label: '实行审批制'
        //       }, {
        //         label: '自有资金'
        //       }]
        //     }]
        // } else {
        //   this.datatree = [{
        //       label: '发改委',
        //       children: [{
        //         label: '选址意见书'
        //       },
        //       {
        //         label: '用地预审'
        //       },
        //       {
        //         label: '建筑审批'
        //       }]
        //     }, {
        //       label: '自然资源规划局',
        //       children: [{
        //         label: '模板1'
        //       }, {
        //         label: '模板2'
        //       }]
        //     }]
        // }
      },
      handleClick(row) {
        this.$message({
          message: '成功！！！！',
          type: 'success'
        });
      },
      handleNodeClick(data, node, refNede) {
        // console.log(data.label,'data');
        this.nodeName = data.label
        if (data.label == '项目建议书') {
          this.datazc = [{
            zb: "引线字段",
            zd: "ID",
            lx: "字符串",
            cd: "32",
            zt: "不允许删除",
            ms: "主键",
          },
          {
            zb: "提交时间",
            zd: "tjsj",
            lx: "日期(yyyyMMdd)",
            cd: "8",
            zt: "正常",
            ms: "提交时间",
          },
          {
            zb: "提交编号",
            zd: "tjbh",
            lx: "字符串",
            cd: "50",
            zt: "正常",
            ms: "提交编号",
          },
          {
            zb: "提交单位",
            zd: "tjdw",
            lx: "字符串",
            cd: "50",
            zt: "正常",
            ms: "提交单位",
          },
          {
            zb: "审批单位",
            zd: "spdw",
            lx: "字符串",
            cd: "50",
            zt: "正常",
            ms: "审批单位",
          }]
          this.datazc1 = [{
            zb: "批复时间",
            zd: "pfsj",
            lx: "日期(yyyyMMdd)",
            ly: '填报',
            cd: "8",
            zt: "正常",
            ms: "批复时间",
            yjzb: "二类预警",
            sjzb: "Ⅰ类",
            yjyj: ">=12",
            yjtsy: "批复时间大于等于12个月",
          },
          {
            zb: "招标时间差",
            zd: "zbsjc",
            lx: "字符串",
            ly: '逻辑计算',
            cd: "50",
            zt: "正常",
            ms: "招标时间差",
            jsgs: "DateTime.sub(table1.zbsj,table2.zbsj)",
            jsgsfy: "设计招标表.招标时间 - 发改委核准表.批复时间",
            yjzb: "三类预警",
            sjzb: "Ⅱ类",
            yjyj: ">360",
            yjtsy: "招标时间差大于360天",
          },
          {
            zb: "工程造价差",
            zd: "gczjc",
            lx: "字符串",
            ly: '逻辑计算',
            cd: "50",
            zt: "正常",
            ms: "工程造价差",
            jsgs: "table1.zj - table2.gcgs",
            jsgsfy: "造价 - 工程概算",
            yjzb: "四类预警",
            sjzb: "Ⅲ类",
            yjyj: ">10",
            yjtsy: "工程造价差大于10%",
          }]
        } else {
          this.datazc = [{
            zb: "主键",
            zd: "ID",
            lx: "字符串",
            ly: '字符串',
            cd: "32",
            zt: "不允许删除",
            ms: "主键",
          },
          {
            zb: "批复时间",
            zd: "pfsj",
            lx: "日期(yyyyMMdd)",
            ly: '填报',
            cd: "8",
            zt: "正常",
            ms: "批复时间",
            yjzb: "二类预警",
            sjzb: "二类",
            yjyj: ">=12",
            yjtsy: "批复时间大于等于12个月",
          },
          {
            zb: "证书编号",
            zd: "zsbh",
            lx: "字符串",
            ly: '填报',
            cd: "50",
            zt: "正常",
            ms: "证书编号",
          },
          {
            zb: "审核单位",
            zd: "shdw",
            lx: "字符串",
            ly: '填报',
            cd: "50",
            zt: "正常",
            ms: "审核单位",
          },
          {
            zb: "招标时间差",
            zd: "zbsjc",
            lx: "字符串",
            ly: '逻辑计算',
            cd: "50",
            zt: "正常",
            ms: "招标时间差",
            jsgs: "DateTime.sub(table1.zbsj,table2.zbsj)",
            jsgsfy: "设计招标表.招标时间 - 发改委核准表.批复时间",
            yjzb: "二类预警",
            sjzb: "二类",
            yjyj: ">360",
            yjtsy: "招标时间差大于360天",
          },
          {
            zb: "工程造价差",
            zd: "gczjc",
            lx: "字符串",
            ly: '逻辑计算',
            cd: "50",
            zt: "正常",
            ms: "工程造价差",
            jsgs: "table1.zj - table2.gcgs",
            jsgsfy: "造价 - 工程概算",
            yjzb: "二类预警",
            sjzb: "二类",
            yjyj: ">10",
            yjtsy: "工程造价差大于10%",
          }]
          this.datazc1 = [{
            zb: "批复时间",
            zd: "pfsj",
            lx: "日期(yyyyMMdd)",
            ly: '填报',
            cd: "8",
            zt: "正常",
            ms: "批复时间",
            yjzb: "二类预警",
            sjzb: "Ⅰ类",
            yjyj: ">=12",
            yjtsy: "批复时间大于等于12个月",
          },
          {
            zb: "招标时间差",
            zd: "zbsjc",
            lx: "字符串",
            ly: '逻辑计算',
            cd: "50",
            zt: "正常",
            ms: "招标时间差",
            jsgs: "DateTime.sub(table1.zbsj,table2.zbsj)",
            jsgsfy: "设计招标表.招标时间 - 发改委核准表.批复时间",
            yjzb: "二类预警",
            sjzb: "Ⅰ类",
            yjyj: ">360",
            yjtsy: "招标时间差大于360天",
          },
          {
            zb: "工程造价差",
            zd: "gczjc",
            lx: "字符串",
            ly: '逻辑计算',
            cd: "50",
            zt: "正常",
            ms: "工程造价差",
            jsgs: "table1.zj - table2.gcgs",
            jsgsfy: "造价 - 工程概算",
            yjzb: "二类预警",
            sjzb: "Ⅰ类",
            yjyj: ">10",
            yjtsy: "工程造价差大于10%",
          }]
        }
      },
      mouseOver(){
        this.active = " color:black;"
      },
      mouseLeave(){
        this.active = "color: white;"
      },
      mouseOver1(){
        this.active1 = " color:black;"
      },
      mouseLeave1(){
        this.active1 = "color: white;"
      },
      mouseOverx(){
        this.activex = "color: white;"

      },

      activexClick(){
        this.showactive  = true
      },

      async logout() {
        this.$store.dispatch('LogOut').then(() => {
          this.$router.push('/login')
        })
      }
    }
  }

</script>

<style lang="scss" scoped>
  .link:hover {
    cursor: pointer;
  }

  .el-container {
    height: 100vh;
  }

  .title {
    padding: 10px;
    height: 100px;
    background-image: url(../../../assets/image/sjpic2.jpg);
    background-size: 100% 100%;
    background-color: rgb(76, 170, 250);
    margin-right: 20px;
    margin-left: 20px;
    z-index: 1000;
  }

  .title-left {
    font-size: 40px;
    font-weight: bold;
    color: white;
    text-align: left;
    margin-left: 90px;
    font-family: 华光黑变_CNKI;
    padding-top: 16px;
    padding-bottom: 18px;
    opacity:1;
  }

  .title-right {
    /*text-align: right;*/
    padding-top: 60px;
    color: white;
  }

  .submenu_title {
    font-size: 20px;
  }

  .el-menu-item {
    font-size: 20px;
  }

  .el-menu-item-last {
    float: right;
  }

  .el-footer {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .title-1 {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    font-size: 30px;
    font-weight: 600;
  }

  .title_date {
    float: right;
    margin-right: 20%;
    font-size: 14px;
    margin-top: 10px;
    color: gray;
  }

  .el-main{
    display: flex;
  }

  .main-left{
    width: 15%;
  }

  .left-button{
    margin-left: 50px;
    height: 20px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 60px;
  }

  .main-right{
    width: 80%;
  }

  .el-tab-pane{
    padding: 10px;
  }

  .el-table{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgb(76, 170, 250);
    min-width: 100px;
    text-align: center;
    color: white;
    border-radius: 5px;
    margin-top: 10px;
  }

  .dropdown-content:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 30px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(76, 170, 250);
  }
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .maptext:hover {
      color: black;
    }

    .dropdown-content-li {
      line-height: 36px;
      padding: 0 20px;
      font-size: 14px;
    }

    .fhsy:hover{
      color: black;

    }
    .dt:hover{
      color: black;

    }
    .maptext:hover {
        color: black;
      }

</style>
